<template>
    <div class="footer">
        <div class="main">
            <div class="footer-left">
                <div class="title">绿萝大数据研究院</div>
                <div class="text">北京心数矩阵科技有限公司</div>
                <div class="text">地址：北京市朝阳区西坝河嘉汇中心A座303</div>
                <div class="text">邮编：100028</div>
                <div class="text">邮箱：010-82331300</div>
            </div>
            <div class="footer-right">
                <div class="item">
                    <div class="text">智慧心育</div>
                    <div class="code">
                        <img src="/image/code3.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <div class="text">绿萝心理研究所</div>
                    <div class="code">
                        <img src="/image/code4.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
.footer {
    width: 100%;
    height: 310px;
    background-color: #262626;
}

.main {
    width: 1200px;
    height: 310px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title {
        height: 33px;
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 33px;
        margin-bottom: 20px;
    }

    .text {
        height: 20px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 20px;
        margin-bottom: 8px;
        opacity: 0.8;
    }

    .footer-right {
        display: flex;

        .item {
            margin-right: 16px;

            .code {
                width: 120px;
                height: 120px;
                background: #D8D8D8;
            }

            .text {
                text-align: center;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
            }
        }
    }
}
</style>